
@import '../assets/styles/varibles';
@import '../assets/styles/mixins';
#app .layout{
  .header {
    .wrap{
      display: flex;
      justify-content: space-between;
      width: 1100px;
      .left{
        display: flex;
        h1{
          width: 157px;
          color: @border-color-base;
          font-size: @font-size-lgx;
          margin-bottom: 0;
          margin-right: 20px;
          text-align: center;
        }
        ul{
          height:64px;
          line-height:64px;
        }
      }.mid{
        display: flex;

        .search{
          display:flex ;
          width: 300px;
          height: 64px;
          align-items:center;
          justify-content: center;
        }
      }
      .right{
        display: flex;
        .member{
          position:flex;
        }
      }
    }
  }
  .loginLi{
    display: flex;
    height: 64px;
    align-items:center;
  }
  .content{
    background-color: @body-color;
  }
  .footer{
    text-align: center;
  }
}


:host ::ng-deep .ant-back-top {
  bottom: 80px;
}